<!DOCTYPE html>

<html lang="en">

    <head>

		<meta charset="utf-8"/>
		<title>ball_video</title>
		
		<script src="./aframe/dist/aframe-master.js"></script>

		<style>
			body {
				background-color: #000000;
			}
		</style>
		
	</head>
	
    <body>

		<a-scene>

			<a-assets>
				<video id="video_0" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_1" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_2" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_3" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_4" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_5" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_6" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_7" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_8" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_9" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_10" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_11" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_12" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_13" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_14" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_15" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_16" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_17" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_18" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_19" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_20" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_21" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_22" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_23" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_24" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_25" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_26" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_27" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_28" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_29" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_30" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_31" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_32" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_33" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_34" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_35" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_36" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_37" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_38" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_39" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_40" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_41" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_42" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_43" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_44" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_45" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_46" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_47" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_48" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_49" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_50" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_51" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_52" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<video id="video_53" preload="auto" width="480" height="480" autoplay loop="true" crossOrigin="anonymous" muted></video>
				<audio id="audio"></audio>  
			</a-assets>
	  
			<a-entity material="shader: flat; src: #video_0"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="720 480 -480"
					  rotation="0 270 0"
					  visible="true">
			</a-entity>
			<a-entity material="shader: flat; src: #video_1"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="720 480 0"
					  rotation="0 270 0"
					  visible="true">
			</a-entity>
			<a-entity material="shader: flat; src: #video_2"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="720 480 480"
					  rotation="0 270 0"
					  visible="true">
			</a-entity>			
			<a-entity material="shader: flat; src: #video_3"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="720 0 -480"
					  rotation="0 270 0"
					  visible="true">
			</a-entity>
			<a-entity material="shader: flat; src: #video_4"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="720 0 0"
					  rotation="0 270 0"
					  visible="true">
			</a-entity>
			<a-entity material="shader: flat; src: #video_5"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="720 0 480"
					  rotation="0 270 0"
					  visible="true">
			</a-entity>	
			<a-entity material="shader: flat; src: #video_6"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="720 -480 -480"
					  rotation="0 270 0"
					  visible="true">
			</a-entity>
			<a-entity material="shader: flat; src: #video_7"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="720 -480 0"
					  rotation="0 270 0"
					  visible="true">
			</a-entity>
			<a-entity material="shader: flat; src: #video_8"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="720 -480 480"
					  rotation="0 270 0"
					  visible="true">
			</a-entity>
			<a-entity material="shader: flat; src: #video_9"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="-720 480 480"
					  rotation="0 90 0"
					  visible="true">
			</a-entity>
			<a-entity material="shader: flat; src: #video_10"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="-720 480 0"
					  rotation="0 90 0"
					  visible="true">
			</a-entity>
			<a-entity material="shader: flat; src: #video_11"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="-720 480 -480"
					  rotation="0 90 0"
					  visible="true">
			</a-entity>			
			<a-entity material="shader: flat; src: #video_12"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="-720 0 480"
					  rotation="0 90 0"
					  visible="true">
			</a-entity>
			<a-entity material="shader: flat; src: #video_13"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="-720 0 0"
					  rotation="0 90 0"
					  visible="true">
			</a-entity>
			<a-entity material="shader: flat; src: #video_14"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="-720 0 -480"
					  rotation="0 90 0"
					  visible="true">
			</a-entity>	
			<a-entity material="shader: flat; src: #video_15"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="-720 -480 480"
					  rotation="0 90 0"
					  visible="true">
			</a-entity>
			<a-entity material="shader: flat; src: #video_16"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="-720 -480 0"
					  rotation="0 90 0"
					  visible="true">
			</a-entity>
			<a-entity material="shader: flat; src: #video_17"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="-720 -480 -480"
					  rotation="0 90 0"
					  visible="true">
			</a-entity>
			<a-entity material="shader: flat; src: #video_18"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="-480 720 480"
					  rotation="90 0 0"
					  visible="true">
			</a-entity>
			<a-entity material="shader: flat; src: #video_19"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="0 720 480"
					  rotation="90 0 0"
					  visible="true">
			</a-entity>
			<a-entity material="shader: flat; src: #video_20"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="480 720 480"
					  rotation="90 0 0"
					  visible="true">
			</a-entity>			
			<a-entity material="shader: flat; src: #video_21"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="-480 720 0"
					  rotation="90 0 0"
					  visible="true">
			</a-entity>
			<a-entity material="shader: flat; src: #video_22"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="0 720 0"
					  rotation="90 0 0"
					  visible="true">
			</a-entity>
			<a-entity material="shader: flat; src: #video_23"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="480 720 0"
					  rotation="90 0 0"
					  visible="true">
			</a-entity>	
			<a-entity material="shader: flat; src: #video_24"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="-480 720 -480"
					  rotation="90 0 0"
					  visible="true">
			</a-entity>
			<a-entity material="shader: flat; src: #video_25"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="0 720 -480"
					  rotation="90 0 0"
					  visible="true">
			</a-entity>
			<a-entity material="shader: flat; src: #video_26"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="480 720 -480"
					  rotation="90 0 0"
					  visible="true">
			</a-entity>
			<a-entity material="shader: flat; src: #video_27"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="-480 -720 -480"
					  rotation="-90 0 0"
					  visible="true">
			</a-entity>
			<a-entity material="shader: flat; src: #video_28"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="0 -720 -480"
					  rotation="-90 0 0"
					  visible="true">
			</a-entity>
			<a-entity material="shader: flat; src: #video_29"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="480 -720 -480"
					  rotation="-90 0 0"
					  visible="true">
			</a-entity>			
			<a-entity material="shader: flat; src: #video_30"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="-480 -720 0"
					  rotation="-90 0 0"
					  visible="true">
			</a-entity>
			<a-entity material="shader: flat; src: #video_31"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="0 -720 0"
					  rotation="-90 0 0"
					  visible="true">
			</a-entity>
			<a-entity material="shader: flat; src: #video_32"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="480 -720 0"
					  rotation="-90 0 0"
					  visible="true">
			</a-entity>	
			<a-entity material="shader: flat; src: #video_33"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="-480 -720 480"
					  rotation="-90 0 0"
					  visible="true">
			</a-entity>
			<a-entity material="shader: flat; src: #video_34"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="0 -720 480"
					  rotation="-90 0 0"
					  visible="true">
			</a-entity>
			<a-entity material="shader: flat; src: #video_35"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="480 -720 480"
					  rotation="-90 0 0"
					  visible="true">
			</a-entity>
			<a-entity material="shader: flat; src: #video_36"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="-480 480 -720"
					  rotation="0 0 0"
					  visible="true">
			</a-entity>
			<a-entity material="shader: flat; src: #video_37"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="0 480 -720"
					  rotation="0 0 0"
					  visible="true">
			</a-entity>
			<a-entity material="shader: flat; src: #video_38"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="480 480 -720"
					  rotation="0 0 0"
					  visible="true">
			</a-entity>			
			<a-entity material="shader: flat; src: #video_39"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="-480 0 -720"
					  rotation="0 0 0"
					  visible="true">
			</a-entity>
			<a-entity material="shader: flat; src: #video_40"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="0 0 -720"
					  rotation="0 0 0"
					  visible="true">
			</a-entity>
			<a-entity material="shader: flat; src: #video_41"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="480 0 -720"
					  rotation="0 0 0"
					  visible="true">
			</a-entity>	
			<a-entity material="shader: flat; src: #video_42"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="-480 -480 -720"
					  rotation="0 0 0"
					  visible="true">
			</a-entity>
			<a-entity material="shader: flat; src: #video_43"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="0 -480 -720"
					  rotation="0 0 0"
					  visible="true">
			</a-entity>
			<a-entity material="shader: flat; src: #video_44"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="480 -480 -720"
					  rotation="0 0 0"
					  visible="true">
			</a-entity>
			<a-entity material="shader: flat; src: #video_45"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="480 480 720"
					  rotation="0 180 0"
					  visible="true">
			</a-entity>
			<a-entity material="shader: flat; src: #video_46"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="0 480 720"
					  rotation="0 180 0"
					  visible="true">
			</a-entity>
			<a-entity material="shader: flat; src: #video_47"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="-480 480 720"
					  rotation="0 180 0"
					  visible="true">
			</a-entity>			
			<a-entity material="shader: flat; src: #video_48"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="480 0 720"
					  rotation="0 180 0"
					  visible="true">
			</a-entity>
			<a-entity material="shader: flat; src: #video_49"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="0 0 720"
					  rotation="0 180 0"
					  visible="true">
			</a-entity>
			<a-entity material="shader: flat; src: #video_50"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="-480 0 720"
					  rotation="0 180 0"
					  visible="true">
			</a-entity>	
			<a-entity material="shader: flat; src: #video_51"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="480 -480 720"
					  rotation="0 180 0"
					  visible="true">
			</a-entity>
			<a-entity material="shader: flat; src: #video_52"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="0 -480 720"
					  rotation="0 180 0"
					  visible="true">
			</a-entity>
			<a-entity material="shader: flat; src: #video_53"
					  geometry="primitive: plane; width: 480; height: 480;"
					  position="-480 -480 720"
					  rotation="0 180 0"
					  visible="true">
			</a-entity>
		</a-scene>
        
	</body>
	
</html>